<template>
  <div class="home">
    <mdb-container>
      <mdb-row>
        <mdb-col col="4">col="4"</mdb-col>
        <mdb-col col="4">col="4"</mdb-col>
        <mdb-col col="4">col="4"</mdb-col>
      </mdb-row>
      <mdb-row>
        <mdb-col sm="4">sm="4"</mdb-col>
        <mdb-col sm="4"><i class="pi pi-spin pi-spinner" style="fontSize: 2rem"></i></mdb-col>
        <mdb-col sm="4">sm="4"</mdb-col>
      </mdb-row>
      <mdb-row>
        <mdb-col md="4">md="4"</mdb-col>
        <mdb-col md="4">md="4"</mdb-col>
        <mdb-col md="4">md="4"</mdb-col>
      </mdb-row>
      <mdb-row>
        <mdb-col lg="4">lg="4"</mdb-col>
        <mdb-col lg="4"><el-button type="danger" round>危险按钮</el-button></mdb-col>
        <mdb-col lg="4">lg="4"</mdb-col>
      </mdb-row>
      <mdb-row>
        <mdb-col xl="4">xl="4"</mdb-col>
        <mdb-col xl="4">xl="4"</mdb-col>
        <mdb-col xl="4">xl="4"</mdb-col>
      </mdb-row>
    </mdb-container>

  </div>
</template>

<script>
// @ is an alias to /src

export default {
  name: 'Home',
}
</script>
